<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" media="all" href="/SpringWeb/css/aiunew_main_tcm295-200450.css" />
	<script type="text/javascript" src="/SpringWeb/javascript/jquery-1.4.2.min.js" ></script>
	<script type="text/javascript" src="/SpringWeb/javascript/jquery-ui-1.8.1.custom.min.js" ></script>
	<script type="text/javascript" src="/SpringWeb/javascript/common.js" ></script>
	<title>光大永明人寿保险有限公司-专业寿险，安心理财</title>
</head>
<body>
	<div id="body_wrapper">
		<div id="grid_wrapper">
			<div id="pageTitle">
				<h1 style="color:white;">光大永明自助卡</h1>
			</div>
			<div id="breadCrumb">
				<span class="bcModule">
					<div id="section0" class="bcFlyout" style="display: none;">
						<div class="moduleTitle">自助保险卡品种</div>
						<ul id="subnav">
							<li><a href="#" title="个人绿色出行卡">个人绿色出行卡</a></li>
							<li><a href="#" title="美满家庭卡">美满家庭卡</a></li>
							<li><a href="#" title="个人出行救援卡">个人出行救援卡</a></li>
							<li><a href="#" title="尊贵家庭卡">尊贵家庭卡</a></li>
						</ul>
					</div>
					<a href="#" class="drop" title="自助保险卡品种" id="flyoutControll">自助保险卡品种</a>
					<span>
						<img src="SunEverbright/aig_pixel.gif" border="0" alt />
					</span>
				</span>
			</div>
			<br class="both" />
			<div id="gridRight" style="height:497px;">
				<div class="rightModule">
					<div class="moduleTitle">客户服务热线</div>
					<ul class="bigBulleted">
						<li><a href="#">联系我们</a></li>
						<li><a>全国统一服务热线：9510 5698</a></li>
					</ul>
				</div>
			</div>
			<div id="gridCenter">
				<div class="centerModule">
					<div class="prodDtlsIntro">
						<p>全面保障企业员工意外类风险，为企业分散因员工意外事故导致的企业巨额财务支出；保障范围涵盖意外身故、意外残疾、意外医疗、意外住院津贴，意外烧烫伤，为员工全面规避无处不在的意外风险，充分体现企业对员工关怀。价格低廉，保费低，保障高，降低企业保险保障成本。</p>
					</div>
				</div>
				<div class="tabView" id="divTab">
					<div id="tabsHead">
						<ul class="tabMenu" id="tabMenus">
							<li class="tabOn" id="tab1" title="条目">
								<a href="javascript:showTab('tab1','tabDtls1')">家庭美满卡</a>
							</li>
							<li class="tab" id="tab2" title="限制" style="display: none;">
								<a href="javascript:showTab('tab2','tabDtls2')">限制</a>
							</li>
							<li class="tab" id="tab3" title="购买" style="display: none;">
								<a href="javascript:showTab('tab3','tabDtls3')">订单确认</a>
							</li>
						</ul>
					</div>
					<div id="tabDtls1" class="tabDataContainer" style="display: block;">
						<div class="text">
							<table id="familyBasic" class="card">
								<tr>
									<th class="cardHead">被保险人</th>
									<th class="cardHead">保险责任</th>
									<th class="cardHead">保额</th>
									<th class="cardHead">备注</th>
									<th class="cardHead">保费</th>
								</tr>
								<tr>
									<td rowspan="3"><span class="cardFloat">主被保险人</span><a class="cardPerson" >CHECK</a></td>
									<td>意外伤害</td>
									<td class="cardOn" id="Hone">5万</td>
									<td class="cardOff" id="Htwo">6万</td>
									<td class="cardOff" id="Hthree">7万</td>
									<td>含意外身故、意外残疾</td>
									<td rowspan="6" id="row1">100元/家庭</td>
								</tr>
								<tr>
									<td>意外医疗</td>
									<td class="cardOn" id="Tone">0.4万</td>
									<td class="cardOff" id="Ttwo">0.4万</td>
									<td class="cardOff" id="Tthree">0.7万</td>
									<td>免赔额100，报销比例100%</td>
								</tr>
								<tr>
									<td>意外住院津贴</td>
									<td class="cardOn">25元/天</td>
									<td class="cardOff">25元/天</td>
									<td class="cardOff">25元/天</td>
									<td>最高给付180天</td>
								</tr>
								<tr id="tr1">
									<td id="row2" rowspan="2"><span class="cardFloat" id="owner1">配偶</span><a class="cardPerson" id="a2">CHECK</a></td>
									<td>意外伤害</td>
									<td class="cardOn" id="SHone">3万</td>
									<td class="cardOff" id="SHtwo">4万</td>
									<td class="cardOff" id="SHthree"></td>
									<td>含意外身故、意外残疾</td>
								</tr>
								<tr id="tr2">
									<td>意外医疗</td>
									<td class="cardOn">0.3万</td>
									<td class="cardOff">0.3万</td>
									<td class="cardOff"></td>
									<td>免赔额100，报销比例100%</td>
								</tr>
								<tr id="tr3">
									<td id="row3" rowspan="1"><span class="cardFloat" id="owner2">子女</span><a class="cardPerson" id="a3">CHECK</a></td>
									<td>意外伤害</td>
									<td class="cardOn" id="Cone">2万</td>
									<td class="cardOff" id="Ctwo"></td>
									<td class="cardOff" id="Cthree">3万</td>
									<td>含意外身故、意外残疾</td>
								</tr>
								<div class="text">
									<h3>投保规则：</h3>
									<ol>
										<li>被保险人职业类别限1-3类；</li>
										<li>主被保险人及其配偶投保年龄限18-65周岁；</li>
										<li>最高投保2份；</li>
									</ol>
								</div>
							</table>
							<div id="showinfo">
								<p>现在的组合是:<div id="ref"><span><b>主被保险人</b> </span><span id="spouse"><b>+ 配偶</b> </span><span id="offspring"><b>+ 子女</b></span>。保费共计:<b>100.00</b>元。</div></p>
							</div>
							<input type="button" value="立即购买" class="buttoncustom" id="buybutton" />
						</div>
					</div>
					<div id="tabDtls2" class="tabDataContainer" style="display: none;">
						<div class="text">
							<h3>投保规则：</h3>
							<ol>
								<li>被保险人职业类别限1-3类；</li>
								<li>主被保险人及其配偶投保年龄限18-65周岁；</li>
								<li>最高投保2份；</li>
							</ol>
						</div>
					</div>
					<div id="tabDtls3" class="tabDataContainer" style="display: none;">
						<div class="text">
							<div id="confirmMessage">
								<p>您选择了:<b>美满家庭卡</b>。投保人为:</p>
							</div>
							<form:form method="post" commandName="order">
								<table>
									<tr>
										<td>交易金额</td>
										<td><form:input path="txAmt" id="txAmt" value="100.00"></form:input></td>
									</tr>
									<tr>
										<td><input type="submit" value="购买" class="buttoncustom" style="width: 60px;" /></td>
										<td><input type="button" value="重选" id="crossSelect" class="buttoncustom" style="width: 60px;" /></td>
									</tr>
								</table>
							</form:form>
						</div>
					</div>			
				</div>
			</div>
			<br class="both" />
			<div id="pageFooter"></div>
			<div id="siteFooter">
				CopyRight 2010
				<br />
				最新编辑时间2010年6月25日
				<br />
				<p><a href="#">使用条款</a> | <a href="#">隐私</a> | <a href="#">法律声明</a></p>
			</div>
		</div>
	</div>
</body>
</html>